<html>
	<head>
		<title>Chat Onn</title>
		
		<!-- Style Sheets-->
		<link rel = "stylesheet" type = "text/css" href = ".\css\index\index.css" />

		<!-- Javascript -->
		<script src=".\javascript\index\index.js" type="text/javascript"></script>
	</head>

	<body>
		<div id = "wrapper">
			<div id = "header">
				<div id = "titleBar">
					<div id = "head">
						<h3>Chat Onn</h3>
					</div>
				</div>
				<div id = "headerLinks">
					<div id = "links">
						<ul id = "linkList">
						</ul>
					</div>
				</div>
			</div>

			<div id = "content">
				<div id = "contentSorted">
					<div id = "contentText">
						<div id = "session">
                            TO DO
						</div>
					</div>
				</div>
			</div>

			<hr />

            <div id="message">
                <form id="messageCompose" action="submit">
                    <input id="messageCompose_textBox" type="text" />
                    <input id="messageCompose_submit" type="button" value="Send" onclick="Submit()" />
                </form>
            </div>
            
		</div>
	</body>
</html>

<!--

Table Tag Description:

<table>	Defines a table
<th>	Defines a header cell in a table
<tr>	Defines a row in a table
<td>	Defines a cell in a table
<caption>	Defines a table caption
<colgroup>	Specifies a group of one or more columns in a table for formatting
<col>	Specifies column properties for each column within a <colgroup> element
<thead>	Groups the header content in a table
<tbody>	Groups the body content in a table
<tfoot>	Groups the footer content in a table

-->